<template>
    <div>
        <h1>father</h1>
        <Son />
    </div>
</template>
<script>
import Son from "./Son.vue";

export default {
    components: {
        Son,
    },

    created() {
        console.log("father created");
    },

    mounted() {
        console.log("father mounted");
    },

    beforeDestroy() {
        console.log("father beforedestroy");
    },

    destroyed() {
        console.log("father destroy");
    },
};
</script>
<style scoped>
</style>